
<section class="property">
  <!-- 分类导航 -->
  <div class="shop_class">
    <div class="class_one">
      <el-row>
        <el-col :span="3">
          <span class="sup_type">分类</span>
        </el-col>
        <ul class="cla_list">
          <li v-for="item in typeData.Processing" @click="">{{item}}</li>
         
        </ul>
      </el-row>
    </div>
  
    <div class="class_one">
      <el-row>
        <el-col :span="3">
          <span class="sup_type">用途级别</span>
        </el-col>
        <ul class="cla_list">
          <li v-for="item in typeData.classification">{{item}}</li>
          
         </ul> 
         <div class="list_add">更多 <i class="el-icon-arrow-down"></i></div>
      </el-row>
    </div>
    <div class="class_one">
      <el-row>
        <el-col :span="3">
          <span class="sup_type">加工级别</span>
        </el-col>
        <ul class="cla_list">
          <li v-for="item in typeData.feature">{{item}}</li>
        </ul>
      </el-row>
    </div>
        <div class="class_one">
          <el-row>
            <el-col :span="3">
              <span class="sup_type">特性级别</span>
            </el-col>
            <ul class="cla_list">
              <li v-for="item in typeData.use">{{item}}</li>
            </ul>
          </el-row>
        </div>
    <div class="class_one">
      <el-row>
        <el-col :span="3">
          <span class="sup_type">筛选条件</span>
        </el-col>
        <ul class="cla_list">
          <li>全部结果
            <i class="el-icon-arrow-right"></i>
          </li>
          <li>
            <el-tag size="medium" closable>分类：PP</el-tag>
          </li>
  
        </ul>
      </el-row>
    </div>
  </div>
  <!-- 搜索 -->
  <div class="proper_serch">
        <div class="serch_left">
            <div class="lf_up">
               <div class="serch">
                 <span class="word">关键字</span><el-input class="pro-input" placeholder="请输入关键字搜索" ></el-input>
                 <span class="min">熔指（g/10min)</span><el-input class="prinput"></el-input><p>——</p><el-input class="prinput"></el-input>
                   <span class="min">拉升强度(MPa)</span><el-input class="prinput"></el-input><p>——</p><el-input class="prinput"></el-input>
               </div>
            </div>
              <div class="lf_up down">
                <div class="serch">
                 
                  <span class="min">熔指（g/10min)</span>
                  <el-input class="prinput"></el-input>
                  <p>——</p>
                  <el-input class="prinput"></el-input>
                  <span class="min">拉升强度(MPa)</span>
                  <el-input class="prinput"></el-input>
                  <p>——</p>
                  <el-input class="prinput"></el-input>
                   
                <el-button class="res"> 清空</el-button>
                <el-button type="primary">搜索</el-button>
                </div>
              </div>

        </div>
        <div class="serch_right">
          <span><i>1</i>/40</span>
          <el-button-group>
            <el-button type="" icon="el-icon-arrow-left"></el-button>
            <el-button type="">
              <i class="el-icon-arrow-right el-icon--right"></i>
            </el-button>
          </el-button-group>
        </div>
  </div>
  <div class="proper_list">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="name" label="用户" width="224">
          <template slot-scope="scope">
            <router-link tag="span" to="/prodetail" class="usrname">{{scope.row.name}}</router-link>
               
              </template>
        </el-table-column>
        <el-table-column prop="featurelevel" label="咨询问题" width="370">
        </el-table-column>
        <el-table-column prop="uselevel" label="时间">
        </el-table-column>
      </el-table>
  </div>
  <div class="proper_page">
      <el-pagination background layout="prev, pager, next" :total="1000">
      </el-pagination>
  </div>
</section>

